'use client'

import React from 'react'

export default function OutlineButton({
  title,
  fontSize = '14px',
  width = 'auto',
  height = 'auto',
  radius = '12px',
  onClick
}) {
  return (
    <div
      onClick={onClick}
      style={{
        fontSize,
        width,
        height,
        borderRadius: radius
      }}
      className="text-[#9aa3b2] bg-transparent border-solid border-[#1f2533] py-[8px] px-[12px] cursor-pointer transition-all duration-300 hover:border-[rgba(124,92,255,0.45)] hover:shadow-[0_0_0_1px_rgba(34,211,238,0.25)] text-center">
      {title}
    </div>
  )
}
